import React, { PureComponent } from "react";
import { userOptions } from "./options";
import { ScrollBoard } from "@jiaminghi/data-view-react";

class WinningBid extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      config: {
        // 表头背景色
        headerBGC: "transparent",
        // 奇数行背景色
        oddRowBGC: "transparent",
        // 偶数行背景色
        evenRowBGC: "transparent",
        // 行号
        index: false,
        // 行号表头
        indexHeader: false,
        // 宽度
        columnWidth: [130, 100, 100, 100],
        // 对其方式
        align: ["center", "center", "center", "center", "center"],
        // 表行数
        rowNum: 3,
        carousel: "page",
        waitTime: 4000,
      },
    };
  }
  render() {
    const config = {
      ...this.state.config,
      // data: [
      //   ['一建','济南新旧动能转换起步区崔寨安置五区补充地块(一期)工程总承包(EPC)', '10.58亿元'],
      //   ['三箭', '济南新旧动能转换起步区崔寨安置五区补充地块(三期)工程总承包(EPC)', '9.56亿元'],
      //   ['四建', '济南新旧动能转换起步区崔寨安置五区补充地块(二期)工程总承包(EPC)', '10.35亿元'],
      //   ['安装', '济南科技城片区尊御府项目施工总承包工程', '6.77亿元'],
      //   ['四建', '济南茂岭数字科创产业园B1地块工程总承包(EPC)', '4.28亿元'],
      //   ['一建', '济南中海华山东片区11地块（二期）土建总承包工程', '15946.96万元'],
      //   ['建材', '章丘国际家居建材城五金机电交易区1#、2#楼', '1000万元'],
      //   ['集团', '济南新旧动能转换起步区崔寨安置五区补充地块（一期、二期、三期）工程总承包（EPC）', '30.49亿元'],
      //   ['集团','济南遥墙机场综合交通枢纽工程（三阶段）施工总承包','5.1亿元']
      // ]
      // header: ['地区', '总产值','建筑', '安装', '其他'],
      // data: [
      //   ['全国', 132260.74, 117268.84, 109995.41, 3996.50 ],
      //   ['北京', 6768.27,6349.54 , 375.24, 43.49],
      //   ['天津', 2274.34, 2027.32,171.66 , 75.37],
      //   ['河北', 3102.42, 2561.63, 405.64, 135.14],
      //   ['山西', 2393.40, 2123.10, 219.12, 51.18],
      //   ['内蒙古', 554.46, 508.67,26.15 , 19.64],
      //   ['辽宁', 1736.66, 1430.82, 230.14, 75.71],
      //   ['吉林', 629.42, 532.44, 67.34, 29.65],
      //   ['黑龙江', 409.42, 339.43, 49.73, 20.26],
      //   ['上海', 4336.17, 3710.54, 519.56, 106.06],
      //   ['江苏',15916.78 , 14678.11, 1119.20, 119.47],
      //   ['浙江', 11375.78, 10092.06, 984.47, 299.25],
      //   ['安徽', 5391.32, 4650.46, 341.43, 399.43],
      //   ['福建', 7329.55, 6772.83, 438.86, 117.86],
      //   ['江西', 4355.26, 3760.23, 306.91, 288.12],
      //   ['山东', 7482.43, 6244.83, 1028.42, 209.18],
      //   ['河南', 5307.11, 4628.47, 513.41, 165.23],
      //   ['湖北', 9050.38, 8067.03, 755.95, 227.40],
      //   ['湖南',6216.46 ,5362.30 , 559.60, 294.57],
      //   ['广东',10586.19 , 9434.45, 859.68, 292.05],
      //   ['广西', 2826.37, 2502.94, 159.69, 163.75],
      //   ['海南', 191.14, 168.93, 15.43, 6.78],
      //   ['重庆', 4488.52, 4024.56, 317.92, 146.04],
      //   ['四川', 7344.82, 6502.73, 532.14, 309.95],
      //   ['贵州', 1724.47, 1461.15, 197.71, 65.60],
      //   ['云南', 3154.80, 2839.47, 192.55, 122.77],
      //   ['西藏', 86.28, 78.81, 4.67, 2.80],
      //   ['陕西', 4371.31, 3853.35, 390.30, 127.66],
      //   ['甘肃', 1102.73, 956.98, 95.45, 50.30],
      //   ['青海', 234.28, 214.58, 12.23, 7.90],
      //   ['宁夏', 307.60,272.58 , 31.91, 3.11],
      //   ['新疆', 1212.60, 1118.92, 72.90, 20.78],
      // ].sort((a, b) =>  b[1] - a[1])
      header: ["项目名称", "项目面积", "投资估算", "发布时间"],
      data: [
        [
          "济南新旧动能转换先行区区级养老服务中心项目10kV配电工程总承包",
          "3.82万",
          "2023-11-24",
          "1100万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/24/art_99436_8030.html",
        ],
        [
          "新东站安置三区二期保障房项目施工总承包",
          "14.70万",
          "2023-11-23",
          "60000万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/24/art_99436_8027.html",
        ],
        [
          "新东站安置三区一期保障房项目施工总承包",
          "36.20万",
          "2023-11-23",
          "130000万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/24/art_99436_8026.html",
        ],
        [
          "济南市市中区南北康片区南康初中项目",
          "暂未公布",
          "2023-11-22",
          "23201万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/24/art_99436_8024.html",
        ],
        [
          "牧牛山南幼儿园项目",
          "0.72万",
          "2023-11-27",
          "5468万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/23/art_99436_8005.html",
        ],
        [
          "石河岭保障房项目(金岭大厦)工程项目",
          "6.34万",
          "2023-11-23",
          "33390万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/23/art_99436_8003.html",
        ],
        [
          "济南市历下区人民医院服务能力提升工程建设项目新建病房综合楼（含连廊）、改造综合业务楼工程总承包（EPC）",
          "3.94万",
          "2023-11-22",
          "36000万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/23/art_99436_8001.html",
        ],
        [
          "都市阳台片区家园中心项目",
          "4.9万",
          "2023-11-20",
          "40000万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/21/art_99436_7996.html",
        ],
        [
          "济南市钢城区南部新城城中村改造项目 (一期)—高家庄片区安置项目工程总承包（EPC）",
          "19.81万",
          "2023-12-01",
          "80000万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/30/art_99436_8110.html",
        ],
        [
          "山东重工（济南莱芜）绿色智造产业城口镇北街片区居民安置项目A地块二期",
          "8万",
          "2023-12-01",
          "31000万元",
          "http://jnggzy.jinan.gov.cn/art/2023/10/30/art_99436_8106.html",
        ],
        [
          '济南国际医学中心中医药研发产业转化中心工程总承包（EPC）',
          '11.2万',
          '2023-11-29',
          '88601.56万元',
          'http://jnggzy.jinan.gov.cn/art/2023/10/27/art_99436_8089.html',
        ],
        [
          '光谷中心项目',
          '7.11万',
          '2023-11-26',
          '60000万元',
          'http://jnggzy.jinan.gov.cn/art/2023/10/27/art_99436_8086.html',
        ],
        [
          '先行区大桥片区总部经济区D-3、D-4地块项目施工总承包',
          '12.76万',
          '2023-12-04',
          '580000万元',
          'http://jnggzy.jinan.gov.cn/art/2023/11/1/art_99436_8130.html'
        ],
      ]
        .reverse()
        .map((d) => {
          const [name, size, date, amount, link] = d;
          return [
            `<div class="left-bottom-project"><a class="left-bottom-project-name" target="_blank" href=${link} title=${name}>${name}</a></div>`,
            size,
            amount,
            date,
          ];
        }),
    };

    return (
      <div>
        <ScrollBoard
          config={config}
          style={{
            width: "6.15rem",
            height: "2.85rem",
          }}
        ></ScrollBoard>
      </div>
    );
  }
}

export default WinningBid;
